<template>
  <div>
    <div class="icon-text-container">
      <van-icon name="arrow-left" />
      <span class="text">账号安全</span>
    </div>
    <!-- 空隙部分，设置灰色背景 -->
    <div style="height: 10px; background-color: #F7F7F7;"></div>
    <van-cell title="指纹登录" is-link value="已开启"></van-cell>
    <van-cell title="登录密码" is-link value="未设置"></van-cell>
    <van-cell title="支付密码" is-link value="未设置"></van-cell>
    <van-cell title="小额免密支付" is-link ></van-cell>
    <van-cell title="注销账号" is-link value="注销账号后无法恢复"></van-cell>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
//顶头一行的样式
.icon-text-container {
  display: flex;
  align-items: center;
  line-height: 50px; /* 调整垂直对齐 */
  font-size: 22px; /* 设置整体字体大小，图标和文字都会放大 */
}
//顶头图标与文字间距
.text {
  margin-left: 120px; /* 图标和文本之间的间距 */
}
</style>